// @s:#f53030
@greybg:#d3d2d2f8;        //灰色背景
@yellowbg:#ffc400;
@font24:24rpx;
@navbg:#FED32C;              //主题背景
@blueColor:#309df7;
.tab-box{
    box-sizing: border-box;
    margin:20rpx 15rpx;
    border-radius: 25rpx;
    background-color: @greybg;
    display: flex;
    .tab-item{
        width: 360rpx;
        border-radius: 25rpx;
        text-align: center;
        line-height: 50rpx;
        font-size: @font24;
    }
    .checked{
        background-color: @yellowbg;
        color: #fff;
    }
}

.task-button-box{
    background-color: @navbg;
    border-bottom-left-radius: 20rpx;
    border-bottom-right-radius: 20rpx;
    line-height: 50rpx;
    display: flex;
    justify-content: flex-end;
    .task-button{
        padding-right: 20rpx;
        text-align: right;
        font-size: @font24;
        color: @blueColor;
    }
}

.task-lists-box{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background-color: @navbg;
    margin: 20rpx 15rpx;
    padding: 0 0 20rpx 0;
    border-radius: 20rpx;
    .title-box{
        padding: 0 20rpx;
        color: #fff;
        display: flex;
        justify-content: space-between;
        line-height: 70rpx;
        .left{
            font-size: 32rpx;
        }
        .right{
            font-size:26rpx
        }
    }
    .item-box{
        padding: 30rpx 20rpx;
        background-color: #fff;
        margin: 20rpx auto;
        border-radius: 20rpx;
        display: flex;
        justify-content: space-between;
        // flex-direction:row;
        align-items: center;
        .img-box{
            width: 100rpx;
            .img{
                width: 100%;
                display: block;
            }
        }
        .content-box{
            width: 400rpx;
            padding-left: 20rpx;
            text{
                display: block;
            }
            .title{
                font-size: 32rpx;
            }
            .content{
                color: @greybg;
                font-size: 26rpx;
            }
        }
    }
    
}